<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./template.xhtml"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                xmlns="http://www.w3.org/1999/xhtml">

    <ui:define name="top">
        Order Complete
    </ui:define>

    <ui:define name="left">
    </ui:define>

    <ui:define name="body">
        <div style="width:65%; height: 100%; font-size: 11px;">
            <br />Thank you for shopping at Staplers!<br /><br />

            We're delighted we had what you were looking for!<br /><br />

            Your order should be processed and ready to be shipped within 24-48 hours.* Below is your order confirmation. Please keep a copy for your records.<br /><br />
            <br />
            
            Order Summary:<br />
            <span style="font-weight:bold;">Sales Order Number: #{cartCTRL.receipt.id}</span><br />
            <span style="font-weight:bold;">Sales Order Date: &nbsp;&nbsp;#{cartCTRL.receipt.date}</span><br />
            <br />
            <div style=" background-color: gray; font-weight: bold;">Billing Information</div>
            <span style="font-weight: bold;">#{cartCTRL.receipt.user.firstName} #{cartCTRL.receipt.user.lastName}</span><br />
            #{cartCTRL.receipt.user.address}<br />
            #{cartCTRL.receipt.user.city},#{cartCTRL.receipt.user.state} #{cartCTRL.receipt.user.zip}<br />
            <br />
            <hr/>
            <c:forEach items="#{cartCTRL.receipt.orderLinks}" var="items">
                #{items.quantity}x($#{items.item.price}) #{items.item.name} <br />
                <hr/>
            </c:forEach>
            <br />
            <span style="font-weight: bold">Total Amount: </span>$#{cartCTRL.receipt.amount}
        </div>
        
    </ui:define>

</ui:composition>
